<!DOCTYPE html>

<html dir="ltr">

  <head>

    <meta charset="utf-8">

    <title>作业1</title>

	  
	  
<style>
	   body{
	        background-size:100%auto;
	  }
	.form {
		 font-family: "宋体";

         position: absolute;

         opacity:0.8 ;

         border-radius: 20px 0 20px 0;

         top: 50%;

         left: 50%;

         width: 600px;transform: 

         translate(-50%,-50%);

         padding: 60px 40px; 

         background: white;

         box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5);
	}
	.form .one input{
		outline: none;
    height: 30px;

    padding: 5px;

    margin: 10px;

    box-sizing: border-box;

    width: 85%;

    border: 1px solid rgba(0, 0, 0, 0.82);

    font-size: 12px;

	}
	.form .two input{
		outline: none;
    height: 30px;

    padding: 50px;

    margin: 10px;

    box-sizing: border-box;

    width: 92%;

    border: 1px solid rgba(0, 0, 0, 0.82);

    font-size: 12px;

	}
	.form .three input {
		 {

     margin:0 0 15px;

     padding: 0;

    text-align: center;

 } 

	}

	  </style>
	 

	 
  </head>

  <body>
  <input type="file">
    <div class="avator">
    </div>
	  
 <div class="form">

 
		<div class="one">
          <p> 上传图片</p>

        </div>

        <div class="one">
          姓名
          <input type="text" name="ID" placeholder="提示：可以讲一个人生中的重要时刻~">

        </div>

        <div class="one">
           学号
          <input  type="text" name="password" placeholder="输入学号">

        </div>

        <div class="one">
          手机
          <input  type="text" name="phone" placeholder="输入手机号（用于即时公布面试结果）">

        </div>

        <div class="one">
          QQ&nbsp;
          <input  type="text" name="phone" placeholder="输入QQ号码">

        </div>

        <div class="one">
          邮箱
          <input  type="text" name="email" placeholder="输入QQ邮箱">

        </div>
         <div class="one">
          寝室
          <input  type="text" name="email" placeholder="用于即时发送物件">

        </div>
        <div>

          <input  type="radio" checked ="checked" name="2" value="sex1">男

          <input  type="radio"  name="2" value="sex2">女

        </div>
	 <br/>
        <div>
	  <select style="  height: 30px;padding: 5px;margin: 10px;box-sizing: border-box;width: 92%;border: 1px solid rgba(0, 0, 0, 0.82);font-size: 12px;" >
		  <option value="disabled selected hidden"> 选择专业</option>
			<option> 计算机类</option>
		   <option> 教育技术学（公费师范）</option>
		   <option> 计算机科学与技术（中外合作）</option>
		   <option> 传媒</option>
		   <option> 其它</option>
		</select>
			  <br/>
		 <select style="  height: 30px;padding: 5px;margin: 10px;box-sizing: border-box;width: 92%;border: 1px solid rgba(0, 0, 0, 0.82);font-size: 12px;" >
		  <option value="disabled selected hidden"> 选择年级</option>
		   <option> 2017级</option>
		   <option>2018级</option>
		   <option>2019级</option>
		   <option> 2020级</option>
		   <option> 2021级</option>
		   <option> 2022级</option>
		   <option> 2023级</option>
		   <option> 2024级</option>
		   <option> 2025级</option>
		   <option> 2026级</option>
		   <option> 2027级</option>
		   <option> 2028级</option>
		   <option> 2029级</option>
		</select>
			  <br/>
			<select style="  height: 30px;padding: 5px;margin: 10px;box-sizing: border-box;width: 92%;border: 1px solid rgba(0, 0, 0, 0.82);font-size: 12px;" >
		  <option value="disabled selected hidden"> 选择要面试的岗位</option>
			<option> 前端</option>
		   <option> 后端</option>
		</select>
			 <br/>
			<select style="  height: 30px;padding: 5px;margin: 10px;box-sizing: border-box;width: 92%;border: 1px solid rgba(0, 0, 0, 0.82);font-size: 12px;" >
		  <option value="disabled selected hidden"> 选择你的年龄</option>
			<option> 14周岁</option>
		   <option> 15周岁</option>
				<option> 16周岁</option>
				<option> 17周岁</option>
				<option> 18周岁</option>
				<option> 19周岁</option>
				<option> 20周岁</option>
				<option> 21周岁</option>
				<option> 22周岁</option>
				<option> 23周岁</option>
				<option> 24周岁</option>
				<option> 25周岁</option>
				<option> 26周岁</option>
				<option> 27周岁</option>
				<option> 28周岁</option>
		</select>
	  </div>
	   <div class="two">
          个人简介
          <input type="text" name="ID" placeholder="提示：可以讲一个人生中的重要时刻~">

        </div>
	   <div class="two">
          掌握技能
          <input type="text" name="ID" placeholder="写专业技能哦~">

        </div>
<br/>
        <div class="three">
	  <form>
    <input type="submit" value="提交">
</form>


        </div>

    

    </div>



  </body>

</html>